{% extends 'core/clean.html' %}
{% load hash_filters %}
{% load comp_filters %}

{% block title %} zoyoe sydneyscent {% endblock %}

{% block css_link %} 
  <link rel="stylesheet" href="/css/contrib/960.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/css/contrib/general.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/css/contrib/nav.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/css/contrib/dialog.css" type="text/css" media="all" charset="utf-8"/>

<style type="text/css">
.mission{
 background: transparent url("/res/bg/target.png") center 9px no-repeat;
}

.servicecard{
 background: transparent url("/res/bg/text.png") center 7px no-repeat;
}

.startusing{
 background: transparent url("/res/bg/play.png") center 7px no-repeat;
}

.collection{
 background: transparent url("/res/bg/collection.png") center 7px no-repeat;
}

.support{
 background: transparent url("/res/bg/support.png") center 7px no-repeat;
}
.approach{
 width:300px;
 height:110px;
 margin:0px 30px 0px 30px;
 border:1px solid #EAEAEA;
}
#foot{
 margin-top:30px;
}
</style>


{% endblock %}

{% block js_link %}
 {% zoyoejs 'all' %}
 <script type="text/javascript">
    function document_load(){
      YUI().use('node','anim','io-form',function(Y){
        zoyoe.InitZoyoe(false,Y);
        zoyoe.admin = InitAdmin(zoyoe);
      });
    }
  </script>

{% endblock %}

{% block nav %}
  <li class='menu'><a href='/zoyoe/'>Zoyoe</a></li>
  <li class='menu'><a href='/map/'>Distribution</a></li>
  <li class='menu'><a href='/forum/'>Forum</a></li>
  {% include "core/_usrmenu.html" %}
{% endblock %}

{% block content %}
 <div class='nav-sup' style="border-bottom:90px solid white;">
       <div class='photo-block'>
         <h1 style="font-weight:bolder;font-size:35px;font-family:Times New Roman, Times, serif;">
         tools for your local services online 
         </h1>
         <h2 style="font-size:15px;font-family:">
         zoyoe, build online community for your local services
         </h2>
         <div class="buttons shadow">
           <a class="button startusing" href='/zoyoe/startusing/'>
             Start Using 
           </a>
           <div class="button mission current">
             About Zoyoe 
           </div>
           <a class="button servicecard" href='/zoyoe/program/'>
             Our Programs
           </a>
           <a href="/glue/collection/myservices" class="button collection">
             My Services 
           </a>
           <div class="button support">
             Support & Forum
           </div>
         </div>
       </div>
 </div>
 <div class='container_12'>
   <div class='grid_7'>
     <p>Zoyoe's mission is to integrate your local services with your online community. Which means we are not targeting replacing your exsiting promotion web pages like service main page, facebook page, twitter page, etc ... Instead we are interested in helping you maintaining your existing web resources and providing integration tools for you to make your online promotion more successfull.
     </p> 
   </div>
   <div class='grid_5'>
    <p><img class='approach'></img></p>
   </div>
   <div class='grid_5' style="clear:both">
    <p><img class='approach'></img></p>
   </div>
   <div class='grid_7'>
     <p>We have several steps to achieve our mission. To begion with, we provide you a framework to create a page as your service card which can be easily integrated into your existing web pages and will be fairly easy to be find via our search of business cards. 
     </p>
   </div>
   <div class='grid_7' style="clear:both">
     <p> We allow your customers to collect your service on our site for convinence. More over, we provide you functionality to invite your local customers to be members of your services. Personal collection and membership subsystem will help you track your valuable customers. As a quick example, you can give discount to members.  
     </p>
   </div>
   <div class='grid_5' >
     <p><img class='approach'></img></p>
   </div>
   <div class='grid_5' style="clear:both">
     <p><img class='approach'></img></p>
   </div>
   <div class='grid_7'>
     <p> We will try to integrate your online selling services(ebay, quicksales, classfields, etc ...) via a list all your selling items and redirecting the user to the specific platform you used to sell. Also we will try to allow you importing your selling items from existing platforms. (currently we are targeting ebay sell list). We can aslo build your own online shop (email us for details)  
     </p>
   </div>
 </div>
{% endblock %}

{% block tail %}
 {% include "core/_tail.html" %}
{% endblock %}
